<template>
  <div>
    <div class="footer_wrap">
      <router-link to="/login">登录</router-link>
      <router-link to="/res">注册</router-link>
      <router-link to="/art?desc=武侠&type=长篇小说">文章</router-link>
      <router-link to="/list">列表</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  methods: {},
}
</script>

<style scoped lang="less">
.footer_wrap {
  height: 50px;
  width: 300px;
  margin: 50px auto;
}
a {
  margin-left: 20px;
  font-size: 25px;
  display: inline-block;
  height: 50px;
  width: 50px;
  text-decoration: none;
}
.aa {
  color: #087;
}
</style>
